<template>
    <div class='right'>
        <index-header></index-header>
        <div class='position'>
            <sec-left :nav='this.$store.state.WechatNav'></sec-left>
            <div class='container'>
                <h1 class='title'>
                    <i class='el-icon-warning'></i>
                    <span>修改客户资料</span>
                </h1>
                <div class='container-body'>
                    
                    <product-form></product-form>  
                </div>
                
                   
            </div>
        </div>
        
        
    </div>
</template>


<script>
import IndexLeft from 'index/components/Left'
import IndexHeader from 'index/components/Header'
import SecLeft from 'index/cms/components/SecLeft'
import ProductForm from './components/ChangeForm'


export default{
    name:'CMSChange',
    components:{
        IndexHeader,
        IndexLeft,
        SecLeft,
        ProductForm,
    },
    data (){
        return {
            productName:'',
        }
    }
}
</script>

<style lang="stylus" scoped>
@import '~styles/varibles.styl'
.right
    float left
    width 90%
    
    .position
        position relative
        overflow hidden
        .container
            float right
            width $rightContainer
           
            background white
            border-radius 10px
            margin-top 10px
            margin-right 16px
            .title
                font-size 18px
                width 98%
                margin 1%
                border-bottom 1px solid #eef1f5
                padding-bottom 20px
                .el-icon-warning
                    color #409EFF
            .container-body
                margin:20px  
                height 700px
                overflow-x hidden      
                
</style>
